<template>
  <div class="report frame_content">
    <table class="tab_head">
      <thead>
        <tr>
          <td>
            <input class="serach_d" type="text" placeholder="搜索用户ID" />
            <button class="btn_on searchBtn">搜索</button>
          </td>
          <td>
            区间查询：
            <a class="input-group date date_time" id="datetimepicker2">
              <input
                type="text"
                class="form-control date_input"
                id="start"
                autocomplete="off"
              />
              <span class="input-group-addon date_span">
                <span class="glyphicon glyphicon-calendar"></span>
              </span>
              <span class="date_img"></span>
            </a>
            --
            <a class="input-group date date_time" id="datetimepicker3">
              <input
                type="text"
                class="form-control date_input"
                id="end"
                autocomplete="off"
              />
              <span class="input-group-addon date_span">
                <span class="glyphicon glyphicon-calendar"></span>
              </span>
              <span class="date_img"></span>
            </a>
            <button class="btn_on searchBtn">查询</button>
          </td>
        </tr>
        <tr>
          <td>
            <select class="select_way" id="Type">
              <option value="1">流水回水模式</option>
              <option value="2">输赢回水模式</option>
            </select>
            <button class="btn_on searchBtn">查询</button>
            <button class="btn_on1 allRewardBtn">一键回水</button>
          </td>
          <td>
            <button class="btn_on todayBtn">今日</button>
            <button class="btn_on ml yesterdayBtn">昨日</button>
          </td>
        </tr>
        <tr>
          <td>
            <select class="select_way dateList">
              <option>2019-09-03</option>
              <option>2019-09-02</option>
              <option>2019-09-01</option>
              <option>2019-09-03</option>
              <option>2019-09-03</option>
            </select>
            <button class="btn_on1 delHisBtn">删除记录</button>
          </td>
          <td>
            <button class="btn_on1 exportExcel">导出Excel</button>
          </td>
        </tr>
      </thead>
    </table>
    <div class="tableList" style="margin-bottom: 40px">
      <div class="back">
        <div class="back_p">
          <span class="title">重庆时时彩</span>
          <button class="btn_on1 ml rewardBtn" gid="5">一键回水</button>
        </div>
        <div class="rea10">
          <table class="table_mon definewidth">
            <thead class="tab_bg">
              <tr>
                <th>真人</th>
                <th>
                  总流水:
                  <span class="red">0</span>
                </th>
                <th>
                  总盈亏:
                  <span class="red">0</span>
                </th>
                <th>
                  总回水:
                  <span class="red">0</span>
                </th>
                <th>
                  <span class="down"> </span>
                </th>
              </tr>
            </thead>
          </table>
          <div class="info">
            <table class="table_mon">
              <tbody class="info0"></tbody>
            </table>
          </div>
        </div>
        <div class="no-rea10">
          <table class="table_mon definewidth">
            <thead class="tab_bg">
              <tr>
                <th>真人</th>
                <th>
                  总流水:
                  <span class="red">0</span>
                </th>
                <th>
                  总盈亏:
                  <span class="red">0</span>
                </th>
                <th>
                  总回水:
                  <span class="red">0</span>
                </th>
                <th>
                  <span class="down"> </span>
                </th>
              </tr>
            </thead>
          </table>
          <div class="info">
            <table class="table_mon">
              <tbody class="info0"></tbody>
            </table>
          </div>
        </div>
      </div>
      <div class="back">
        <div class="back_p">
          <span class="title">PK拾</span>
          <button class="btn_on1 ml rewardBtn" gid="9">一键回水</button>
        </div>
        <div class="rea10">
          <table class="table_mon definewidth">
            <thead class="tab_bg">
              <tr>
                <th>真人</th>
                <th>
                  总流水:
                  <span class="red">0</span>
                </th>
                <th>
                  总盈亏:
                  <span class="red">0</span>
                </th>
                <th>
                  总回水:
                  <span class="red">0</span>
                </th>
                <th>
                  <span class="down"> </span>
                </th>
              </tr>
            </thead>
          </table>
          <div class="info">
            <table class="table_mon">
              <tbody class="info0"></tbody>
            </table>
          </div>
        </div>
        <div class="no-rea10">
          <table class="table_mon definewidth">
            <thead class="tab_bg">
              <tr>
                <th>真人</th>
                <th>
                  总流水:
                  <span class="red">0</span>
                </th>
                <th>
                  总盈亏:
                  <span class="red">0</span>
                </th>
                <th>
                  总回水:
                  <span class="red">0</span>
                </th>
                <th>
                  <span class="down"> </span>
                </th>
              </tr>
            </thead>
          </table>
          <div class="info">
            <table class="table_mon">
              <tbody class="info0"></tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style>
.report {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #333;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.tab_head {
  width: 96%;
  margin: 10px auto 0;
}
.tab_head tr {
  width: 100%;
  height: 40px;
}
.tab_head tr td {
  border: 1px solid #deedf4;
  padding-left: 1%;
}
.tab_head input {
  margin-bottom: 0;
}
.serach_d {
  width: 50%;
  height: 30px !important;
}
.btn_on {
  width: 80px;
  height: 30px;
  background: #00affb;
  color: #fff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border: none;
}
.btn_on1 {
  width: 120px;
  height: 30px;
  background: #00affb;
  color: #fff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border: none;
}
.ml {
  margin-left: 20px;
}
.allRewardBtn {
  margin-left: 3px;
}
label,
input,
button,
select,
textarea {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}
button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}
.tab_head tr td:first-child {
  width: 35%;
}
.tab_head tr td:last-child {
  width: 63%;
}
label,
input,
button,
select,
textarea {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}
.date_time {
  position: relative;
  display: inline-block;
  width: 24%;
  height: 30px !important;
}
.date_time input {
  width: 98%;
  height: 100%;
}
.select_way {
  height: 30px !important;
  width: 50%;
  margin-bottom: 0;
  margin-right: 5px;
}
select {
  background-color: #fff;
  border: 1px solid #ccc;
}
.back_p {
  padding-top: 20px;
  text-align: center;
}

.back_p .title {
  font-size: 160%;
  font-weight: bolder;
  color: blue;
  line-height: 40px;
}
.rea10 {
  margin-top: 10px;
}
.table_mon {
  border: 1px solid #ddd;
  border-collapse: separate;
  border-left: 0;
}
.definewidth {
  width: 96%;
  margin: auto;
}
.tab_bg tr th {
  background: #cdffff;
  font-weight: bolder;
}
.table_mon th,
.table_mon td {
  border-left: 1px solid #ddd;
}
.table_mon td,
.table_mon th {
  padding-top: 8px;
  padding-bottom: 4px;
  line-height: 20px;
}
.no-rea10 {
  margin-top: 7px;
}
.down {
  width: 40px;
  height: 16px;
  display: inline-block;
  background-image: url(../../images/down.png);
  background-size: 100% 100%;
  cursor: pointer;
}
</style>
